// border-radius
@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}
@mixin border-top-radius($radius) {
  -webkit-border-top-left-radius: $radius;
  -webkit-border-top-right-radius: $radius;
  -moz-border-radius-topleft: $radius;
  -moz-border-radius-topright: $radius;
  border-top-left-radius: $radius;
  border-top-right-radius: $radius;
}
@mixin border-bottom-radius($radius) {
  -webkit-border-bottom-left-radius: $radius;
  -webkit-border-bottom-right-radius: $radius;
  -moz-border-radius-bottomleft: $radius;
  -moz-border-radius-bottomright: $radius;
  border-bottom-left-radius: $radius;
  border-bottom-right-radius: $radius;
}
@mixin border-left-radius($radius) {
  -webkit-border-top-left-radius: $radius;
  -webkit-border-bottom-left-radius: $radius;
  -moz-border-radius-topleft: $radius;
  -moz-border-radius-bottomleft: $radius;
  border-top-left-radius: $radius;
  border-bottom-left-radius: $radius;
}
@mixin border-right-radius($radius) {
  -webkit-border-top-right-radius: $radius;
  -webkit-border-bottom-right-radius: $radius;
  -moz-border-radius-topright: $radius;
  -moz-border-radius-bottomright: $radius;
  border-top-right-radius: $radius;
  border-bottom-right-radius: $radius;
}
// opacity
@mixin opacity($opacity) {
  opacity: $opacity;
  // IE8 filter
  $opacity-ie: ($opacity * 100);
  filter: alpha(opacity=$opacity-ie);
}
// text-overflow
@mixin text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// word-break
@mixin break-word() {
  word-wrap:break-word;
  word-break:break-all;
}
@mixin word-break() {
  @include break-word;
}

@mixin anchor($color:$base-font-color, $color-act:$base-link-color, $decorate:none, $decorate-act:none) {
  &:link, &:visited {
    color:$color;
    text-decoration:$decorate;
  }
  &:hover, &:active, &:focus {
    color:$color-act;
    text-decoration:$decorate-act;
  }
}

@mixin input-size-border($padding) {
  padding:$padding;
  border:1px solid $input-border-color;
  &:hover,
  &:active,
  &:focus {
    border-color: $input-active-color;
  }
}
@mixin input-align($right:3px, $align:middle) {
  margin-right: $right;
  vertical-align: $align;
}
@mixin form-input-btn($border:#ddd, $background:#f9f9f9, $color:#333) {
  padding:4px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor:pointer;
  text-decoration:none !important;
  vertical-align:middle;
  border:1px solid $border;
  background: $background;
  color: $color;
}
